HTML - tags - h1-h6 tags

revision: January 28, 2025

Content

"h1" to "h6" tags : define HTML tags

The <h1> to <h6> tags define HTML headings : <h1> defines the most important heading and <h6> defines the least important heading.
Only use one <h1> per page - this should represent the main heading/subject for the whole page. Also, do not skip heading levels - start with <h1>, then use <h2>, and so on.

Search engines use the headings to index the structure and content of your web pages. Users often skim a page by its headings. It is important to use headings to show the document structure. Use HTML headings for headings only. Don't use headings to make text BIG or bold.

Each HTML heading has a default size. However, you can specify the size for any heading with the "style" attribute, using the CSS "font-size" property.

Attributes: these elements include the global attributes.

syntax

        <h1> . . . </h1>
        <h2> . . . </h2>
        <h3> . . . </h3>
        <h4> . . . </h4>
        <h5> . . . </h5>
        <h6> . . . </h6>
    

some examples

code:
                <h1 class="spec">This is heading 1</h1>
                <h2 class="spec">This is heading 2</h2>
                <h3 class="spec">This is heading 3</h3>
                <h4 class="spec">This is heading 4</h4>
                <h5 class="spec">This is heading 5</h5>
                <h6 class="spec">This is heading 6</h6>
            

code:
                <h1 class="spec" style="text-align:center">This is heading 1</h1>
                <h2 class="spec" style="text-align:left">This is heading 2</h2>
                <h3 style="text-align:right">This is heading 3</h3>
                <h4 style="text-align:justify">This is heading 4</h4>